<template>
  <!-- 访客记录-----访客记录 -->
  <div class="visitor">
    <div class="tabsList">
      <a-tabs class="tabs" v-model="activeKey" @tabClick="handelClick">
        <a-tab-pane key="1" tab="告警超时工单">
          <early v-if="activeKey == 1"></early>
        </a-tab-pane>
        <a-tab-pane key="2" tab="离线超时工单">
          <offline v-if="activeKey == 2"></offline>
        </a-tab-pane>
      </a-tabs>
    </div>
  </div>
</template>
<script>
import offline from './offLineOverTimeOrder'
import early from './earlyWarningOverTimeOrder'
export default {
  name: 'visitor-index',
  components: { offline, early },
  data() {
    return {
      content: [['清洗记录']],
      activeKey: '1',
    }
  },
  mounted() {
    this.activeKey = this.$route.query.activeKey ? this.$route.query.activeKey : '1'
  },
  methods: {
    handelClick(event) {
      this.activeKey = event
    },
  },
}
</script>
<style lang="less" scoped>
.visitor {
  width: 100%;
  height: 100%;
}
</style>
